.class-detail-container {
	.info {
		background-color: #ffffff;
		padding: 0 32rpx;
		&-top {
			height: 96rpx;
			
			&-title {
				font-weight: 600;
				font-size: 32rpx;
				padding-right: 20rpx;
			}
		}

		&-bottom {
			&-row {
				display: flex;
				gap: 20rpx;
			}
			&-info {
				flex: 1;
				display: flex;
				min-height: 56rpx;
				line-height: 56rpx;

				.font-info {
					min-width: 136rpx;
				}
			}
		}
	}

	.list {
		padding: 24rpx 32rpx;
	}

	.classroom-info {
		padding: 24rpx 32rpx;
		.info-cell-group {
			.info-cell {
				@include between;
				padding: 0 32rpx;
				background-color: #ffffff;
				box-shadow: $cc-shadow;
				border-radius: 16rpx;
				height: 118rpx;
				margin-bottom: 32rpx;
				&-left {
					flex: 1;
				}
			}
		}
	}
}
